.recruit {
  .banner {
    position: relative;
    height: 589px;
    overflow: hidden;

    .banner-list {
      img {
        display: block;
        width: 1920px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
      }
    }

    .container {
      position: absolute;
      left: 0;
      right: 0;
      top: 270px;
      z-index: 10;
      margin: auto;

      .caption-box {
        width: 100%;
        height: 170px;
        background-color: #fff;
        text-align: center;
        color: #F05DA3;

        .caption {
          padding-top: 30px;
          font-size: 52px;
          line-height: 73px;
        }

        .info {
          font-size: 24px;
        }
      }
    }
  }

  .content {
    padding: 100px 0;

    .head {
      margin-bottom: 49px;

      .text {
        color: #F05DA3;
        font-size: 30px;

        &:nth-of-type(1) {
          margin-right: 160px;
        }

        &:nth-of-type(2) {
          margin-right: 110px;
        }

        &:nth-of-type(3) {
          margin-right: 96px;
        }

        &:nth-of-type(4) {
          margin-right: 124px;
        }
      }
    }

    .table-box {
      .list {
        .item {
          &:nth-of-type(1) {
            .item-tbody {
              height: auto;
              overflow: initial;
            }
          }
          .item-thead {
            padding: 17px 0;
            border-bottom: 1px solid #F05DA3;

            .head-content {
              float: left;
              font-size: 20px;
              color: #333;

              &:nth-of-type(1) {
                width: 330px;
              }

              &:nth-of-type(2) {
                width: 250px;
              }

              &:nth-of-type(3) {
                width: 170px;
              }

              &:nth-of-type(4) {
                width: 170px;
              }

              &:nth-of-type(5) {
                width: 280px;
              }

              .icon-switch {
                display: inline-block;
                width: 32px;
                height: 32px;
                background: url("../img/xiangxiajiantou.png") 0 0 no-repeat;
                background-size: 100% 100%;
                vertical-align: top;
                cursor: pointer;
                &.icon-switch-down {
                  transform: rotateX(180deg);
                }
              }
            }
          }

          .item-tbody {
            height: 0;
            overflow: hidden;
            .box {
              margin-top: 30px;
              padding: 55px 60px;
              -webkit-box-shadow: 0 0 5px #ccc;
              -moz-box-shadow: 0 0 5px #ccc;
              box-shadow: 0 0 5px #ccc;
              p {
                color: #333;
                font-size: 20px;
                line-height: 30px;
                margin-top: 15px;
              }
            }
          }
        }
      }
    }
  }
}
